import './App.css';

function App() {

    const name = "Peter"
    const age = 17

    return (
        <div className="App">
            <p>Greetings</p>
            <Hello name={'George'} age={10+16}/>
            <Hello name={'Daisy'}/>
            <Hello name={name} age={age}/>
        </div>
    );
}

function Hello(props) {
    return (
        <div>
            <p>Hello {props.name}, you are {props.age} years old.</p>
        </div>
    )
}

export default App;
